Hackathon Team 5

E-Collecting mittels einfacher digitaler Signatur

Urs, Pascal, Oleg, Rachel

Swiss Popular Initiative Digital Signing Platform
2 / 13

Hackathon Team 5

Die Hackathon-Challenge besteht darin, eine einfache elektronische Signatur für E-Collecting in der Schweiz zu entwickeln, die dem traditionellen Papierprozess nahekommt: ohne die Sicherheits- und Vertrauensbarrieren zu erhöhen. Vorschläge zum analogen und digitalen Prozess werden zusammen mit möglichen Schwächen in der Möglichkeit von Missbrauch und zusätzlichen Kosten analysiert.


Le défi du hackathon consiste à développer une signature électronique simple pour la collecte électronique en Suisse, qui se rapproche du processus papier traditionnel, sans augmenter les barrières de sécurité et de confiance. Les propositions relatives aux processus analogiques et numériques sont analysées, ainsi que leurs éventuelles faiblesses en termes d’abus et de coûts supplémentaires.

 
3 / 13

Situation Anfang / Situation initial

Image
 
4 / 13

Ablauf Abschluss / Processus final

Image
 
5 / 13

Ablauf Prototyp

Image
 
6 / 13

Funktionen / Fonctionnalités

  • Initiativeliste: ausstehenden Volksinitiativen an, die sich aktuell in der Sammlungsphase befinden
  • Formularprüfung: Sammle die erforderlichen persönlichen Daten (Name, Adresse, Geburtsdatum) ohne Datenaustausch mit einem Server
  • Digitale Unterschrift: Unterschreibe Initiativen ganz einfach mit Maus/Trackpad/Touchscreen



  • Liste des initiatives: affiche les initiatives populaires en cours de collecte
  • Vérification du formulaire: collecte les informations personnelles requises (nom, adresse, date de naissance) sans échange de données avec un serveur
  • Signature numérique: signe les initiatives simplement avec la souris/le pavé ou l’écran tactile
 
7 / 13

Prototype entwickelt mit / développé avec:

  • react-router-dom - React 18 für Navigation und Übersetzung
  • react-signature-canvas - zum Erfassen von digitalen Unterschriften
  • jspdf - zum Erstellen eines PDF-Dokuments zum Ausdrucken
  • cap.js - zum Schutz deines Open-Source-Bots
  • swiss/designsystem - als Referenz



  • react-router-dom - React 18 pour la navigation et la traduction
  • react-signature-canvas - pour la capture de signatures numériques
  • jspdf - pour la création d’un document PDF à imprimer
  • cap.js - pour la protection de ton bot open source
  • swiss/designsystem - comme référence
 
8 / 13

Prototype: Volksinitiativen

Image
 
9 / 13

Prototype: Initiative in Detail

Screenshot of initiative
 
10 / 13

Prototype: Digital signature

A form showing user data entry and signature
 
11 / 13

Prototype: Output

PDF of a sample initiative signature
 
12 / 13
QR code with link to demo site 👉 ecollectdemo.vercel.app

Next steps / Prochaines étapes

  • Zugänglichkeit, Sicherheit, Leistung, Nachhaltigkeit
  • Weitere technische Analyse, Feedback der Community
  • Evaluation technischer Alternativen

  • Accessibilité, sécurité, performance, durabilité
  • Étude technique complémentaire avec feedback de la communauté
  • Évaluation des alternatives techniques
 
13 / 13
QR code with link to demo site 👉 ecollectdemo.vercel.app

Danke ~ Merci ~ Thanks

Bundeskanzlei & Bernerhof
Berner Fachhochschule (BFH)

@urs-lang
[Pascal Fouquet]
@loleg @rachelyongies

Feedback: e-collecting-hackathon-team5